<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>jQuery的二把利器</title>
</head>
<body>
<button>测试</button>
<!--
1. jQuery核心函数
  * 简称: jQuery函数($/jQuery)
  * jQuery库向外直接暴露的就是$/jQuery
  * 引入jQuery库后, 直接使用$即可
    * 当函数用: $(xxx)
    * 当对象用: $.xxx()
2. jQuery核心对象
  * 简称: jQuery对象
  * 得到jQuery对象: 执行jQuery函数返回的就是jQuery对象
  * 使用jQuery对象: $obj.xxx()
-->
</body>
<script type="text/javascript" src="./js/jquery-1.10.1.js"></script>
<script>
  $(function () {
    alert("页面加载完成")
    var $buttons = $("button");
    $buttons.click(function () {
      alert("点击了我")
    });
  })
  console.log($ === jQuery) //true
</script>
</html>